<template>
  <div class="title-card">
    <!-- <el-col :span="24">
      <span>
        <span>12.27亿元</span>
        <p>全市非税收入额</p>
      </span>
    </el-col> -->
    
    <div style="position:relative;">
<img src="./1@2x.png" style="width:100%" />
<div style="position:absolute;z-indent:2;left:50%;top:50%;transform:translate(-50%,-50%)">
<el-col :span="24">
      <span >
        <span class="text-span">12.27</span>
        <p>亿元</p>
      </span>
    </el-col> 
</div>
</div>
 <div style="position:relative;">
<img src="./1-1@2x.png" style="width:100%" />
<div style="position:absolute;z-indent:2;left:50%;top:50%;transform:translate(-50%,-50%)">
<el-col :span="24">
      <span >
        <span>投资额</span>
       
      </span>
    </el-col> 
</div>
</div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.text-span {
  background:linear-gradient(0deg, #A3DAFE 0%, #FFFFFF 100%);
  background-clip: text;
  color: transparent;
}
</style>